/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 9, 2015, 2:09:41 PM
    Author     : NhatNguyen
*/
.column-50
{
    float: left;
    width: 50%;
    padding: 5px;
    box-sizing: border-box
}

.column-50 p
{
    float: left;
    width: 100%;
}

.column-50 p label
{
    width: auto;
  padding: 5px 5px;
  float: left;
  text-align: right
}
.column-50 p span
{
      float: right;
        width: 70%;
}


.list-history{
    list-style: none;margin-top: 10px;line-height: 28px;float: left;  width: 100%;
}
.list-history li{
    border-bottom: 1px solid rgb(234, 234, 234); margin-bottom: 20px;
}

.div-search{
  float: left;
  width: 246px;
  position: absolute;
  display: none;
  z-index: 1;
  padding: 5px;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  margin-top: -1px;
  margin-left: 52px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -webkit-box-shadow: rgba(0,0,0,0.3) 0 7px 5px -3px;
  -moz-box-shadow: rgba(0,0,0,0.3) 0 7px 5px -3px;
  box-shadow: rgba(0,0,0,0.3) 0 7px 5px -3px;
}

.div-search span{
  float: left;
  width: 100%;
  padding: 10px 0px;
}

.div-search span select{
  width: 100%;
  margin-top: 5px;
}


.caret-select{
        
    background: none !important;
        border: none !important;
        margin-left: -35px !important;
}

.caretfix{
      display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #000;
  opacity: 0.3;
  filter: alpha(opacity=30);
  content: "";
}
  .caret-select:hover{
      background: none !important;
        border: none !important;
        margin-left: -35px !important;
        box-shadow: none;
}
  
.info-device-member{
    float: left;
  width: 29.7%;
  border-right: 1px solid #CCC;
}

.info-device-member p label{
    float: left;
  width: 100%;
  margin-bottom: 10px;
  font-weight: bold;
}

.mapgoogle
{
    margin: 0px 0px 0px 0px;height: 250px;float: left;width: 100%
}

.width100{
    float: left;width: 100% !important
}
.div-label-client{
    float: left;width: 60% !important;  margin: 5px 0px;
}
.label-client{
      width: auto;
    float: left;
      margin-top: 2px !important;
}
.box-datetime{
    width: 220px !important;padding: 5px 0px 5px 5px !important;background-color: #f5f5f5 !important;float: right !important;
}
.textInputError{
    border: 1px solid #DE0000 !important;color: #DE0000 !important;
}
.textselectError{
    border: 1px solid #DE0000 !important;color: #DE0000 !important;
}

.list-device{
    float: left;width: 69%;padding: 9px 0px;
}

.button-denny{
    background-color: #DA1313;
    padding: 5px;
    cursor: pointer;
    color: #FFF;
    opacity: 0.7;
}

.button-allow{
    background-color: #13DA29;
    padding: 5px;
    cursor: pointer;
    color: #FFF;
    opacity: 0.7;
}

.button-normal{
    background-color: #1389DA;
    padding: 5px;
    cursor: pointer;
    color: #FFF;
    opacity: 0.7;
}

.button-denny:hover, .button-allow:hover, .button-normal:hover{
    opacity: 1;
}


.timespan_selector{position:relative;font-size:13px;font-weight:bold;float:left;padding-top:6px;color:#444;margin-left:0}#timespan_forward_day{padding-right:3px;padding-left:4px}#timespan_forward_day>a{text-decoration:none;color:#444}#timespan_back_day{padding-left:3px;padding-right:4px}#timespan_back_day>a{text-decoration:none;color:#444}#timespan_forward_week{letter-spacing:-5px}#timespan_forward_week>a{text-decoration:none;color:#444}#timespan_back_week{letter-spacing:-5px}#timespan_back_week>a{text-decoration:none;color:#444}#timespan_title{font-size:12px;font-weight:bold;float:left;padding-top:7px;padding-left:3px}@media screen and (min-width: 63.75em) and (max-width: 1260px){#right_switch #timespan_title,#right_switch #timespan_header_from{display:none}}@media screen and (min-width: 69.3125em) and (max-width: 79.375em){.right_mx.large #timespan_title{display:none}.right_mx.large #timespan_header_from{display:none}}@media screen and (min-width: 65.0625em) and (max-width: 77.25em){.right_mx.medium #timespan_title{display:none}.right_mx.medium #timespan_header_from{display:none}}@media screen and (min-width: 59.4375em) and (max-width: 78.75em){.row-fluid.second_row.small #timespan_title{display:none}.row-fluid.second_row.small #timespan_header_from{display:none}}table.switchportstable{background-color:#eee;padding:0px;margin-bottom:8px}table.switchportstable tr.labels td{font-size:0.6em;text-align:center}table.switchportstable td.spacer{width:3px}table.switchportstable td.switchport:hover{cursor:pointer}table.switchportstable tr.bottom td.switchport{background-position:0px -19px}table.switchportstable tr.bottom td.switchport.up{background-position:0px 0px}table.switchportstable tr.bottom td.switchport.sfp{background-position:-18px 0px}table.switchportstable tr.bottom td.switchport.sfp.up{background-position:-18px -19px}.switchport{width:18px;height:19px;border:solid 1px black;background-color:black;background-image:url('../images/switchports.png?1');vertical-align:middle;text-align:center;font:1em arial bold}#drill_down_title .switchport{font-size:0.8em}.switchport.on{background-color:#58cd2d}.switchport.dim{opacity:0.2}.switchport.sfp{background-position:-18px -19px;width:21px}.switchport.below_gigabit{background-color:#67ab51}.switchport.porterror{background-color:#cb7213}.switchport.portdisabled{background-color:#a5a5a5}.switchport.using-poe{color:yellow;text-shadow:-1px 0 black}.switchport.uplink{color:#0044ff}table.mpstable{padding:0px;margin:2px;width:200px;border-spacing:0px;text-align:center}table.mpstable td.spacer{width:50%}table.mpstable td.mps_slot{width:25%;padding:2px}table.mpstable div{height:15px}table.mpstable div.empty_mps{background-color:black;border:solid 1px black}table.mpstable div.good_mps{background-color:#58cd2d;border:solid 1px black}table.mpstable div.bad_mps{background-color:#cb7213;border:solid 1px black}table.mpstable tr.mpstable_device{background-color:#eee}table.mpstable tr.mpstable_bottom_label{font:0.7em Arial,sans-serif bold}#drill_down_title{font-size:large;font-weight:bold}#add_interface_well{padding:5px;margin-bottom:0.8em}#static_routes{margin-bottom:1em}.error-container{display:inline-block;max-width:300px;font-size:1em;text-overflow:ellipsis;overflow:hidden}#routes_save_container{position:absolute;bottom:-0.5em;right:0.1em}#itf_save_btn.unsaved:hover{background:#f7f9b3}.label-unsaved:hover{color:#444}.label-unsaved{background:#f7f9b3;color:#444;text-shadow:none}#interface_details.itf_view .itf_edit{display:none}#interface_details.itf_edit .itf_view{display:none}#interface_details .itf_btn{padding:2px 10px}.itf-hide{display:none}#interface_list td.ft.name{width:17em}#interface_list td.ft.subnet{width:11em}#interface_list td.ft.vlan{width:5em}#interface_list td.ft.ip{width:11em}#interface_list td.ft.dhcp_relay_ip{width:11em}.port_status_icon{display:inline-block;margin-right:3px;vertical-align:bottom}#new_interface_name{width:16.3em}#new_interface_subnet{width:10.5em}#new_interface_vlan{width:5em}#new_interface_ip{width:10.2em}div.l3_configure{font-size:11px;max-width:800px}div.l3_configure div.label_important{white-space:normal}div.l3_configure .sortable{cursor:pointer;cursor:hand}div.l3_configure .sortable:hover{background-color:#ddd}div.l3_configure tbody tr:nth-child(even){background-color:#f2f4f5}div.l3_configure tbody tr:nth-child(odd){background-color:#FFFFFF}div.l3_configure div.buttons{padding-top:5px}div.l3_configure div.buttons a{font-size:13.5px}div.l3_configure div.buttons a:not(:last-child){padding-right:5px}div.l3_configure table.details{margin:auto;width:100%;margin:2px 0px 2px 0px;min-height:40px}div.l3_configure table.details tr{background-color:inherit}div.l3_configure table.details td{background-color:inherit;min-width:5em;padding:1px;text-align:left}div.l3_configure table.details td:nth-child(1){font-weight:bold;width:25%;text-align:right}h1.l3_configure{margin-bottom:0.5em}div.l3_configure>tbody>tr{cursor:pointer;cursor:hand}div.l3_configure>tbody>tr:hover{background-color:#ffe8b4 !important}.unsaved{background-color:#f7f9b3}